<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">
</head>

<body>
    <div>
        <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">招生管理</a>
            <a><cite>信息列表</cite></a>
        </span>
    </div>

    <div style="display:flex;margin:10px 0; align-items: center">
        <button type="button" class="layui-btn  layui-btn-sm layui-btn-normal">
            <i class="layui-icon">&#xe608;</i> 添加信息
        </button>
        <div class="layui-inline">
            <label class="layui-form-label">姓名/电话</label>
            <div class="layui-input-inline" style="width: 150px;">
                <input type="text" name="" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">报备日期</label>
            <div class="layui-input-inline" style="width: 200px;">
                <input type="text" id="bbrq" name="price_min" readonly autocomplete="off" class="layui-input">
            </div>
        </div>
        <button type="button" class="layui-btn  layui-btn-sm" style="margin-left:20px">
            <i class="layui-icon layui-icon-search"></i> 搜索
        </button>
    </div>

    <table class="layui-table">
        <colgroup>

        </colgroup>
        <thead>
            <tr>
                <th>编号</th>
                <th>学生姓名</th>
                <th>联系电话</th>
                <th>来源渠道</th>
                <th>提供者</th>
                <th>报备时间</th>
                <th>状态</th>
                <th>所属咨询师</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1005</td>
                <td>张三</td>
                <td>1888888888</td>
                <td>800客服</td>
                <td>苏艳</td>
                <td>2019-06-10</td>
                <td>待分配</td>
                <td>林翡翠</td>
                <td>
                    <button type="button" class="layui-btn layui-btn-normal  layui-btn-sm">
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                    <button type="button" class="layui-btn layui-btn-warm  layui-btn-sm">
                        <i class="layui-icon layui-icon-edit"></i>
                    </button>
                    <button type="button" class="layui-btn del layui-btn-danger  layui-btn-sm">
                        <i class="layui-icon">&#xe640;</i>
                    </button>
                </td>
            </tr>
            <tr>
                <td>1006</td>
                <td>李小宇</td>
                <td>18866666666</td>
                <td>教学口碑</td>
                <td>姚小培</td>
                <td>2019-03-10</td>
                <td>已分配</td>
                <td>虞泽梅</td>
                <td>
                    <button type="button" class="layui-btn layui-btn-normal  layui-btn-sm">
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                    <button type="button" class="layui-btn layui-btn-warm  layui-btn-sm">
                        <i class="layui-icon layui-icon-edit"></i>
                    </button>
                    <button type="button" class="layui-btn del layui-btn-danger  layui-btn-sm">
                        <i class="layui-icon">&#xe640;</i>
                    </button>
                </td>
            </tr>
            <tr>
                <td>1007</td>
                <td>李大丰</td>
                <td>18866766666</td>
                <td>市场口碑</td>
                <td>闫梦洁</td>
                <td>2019-02-10</td>
                <td>已过期</td>
                <td>黄蓉蓉</td>
                <td>
                    <button type="button" class="layui-btn layui-btn-normal  layui-btn-sm">
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                    <button type="button" class="layui-btn layui-btn-warm  layui-btn-sm">
                        <i class="layui-icon layui-icon-edit"></i>
                    </button>
                    <button type="button" class="layui-btn del layui-btn-danger  layui-btn-sm">
                        <i class="layui-icon">&#xe640;</i>
                    </button>
                </td>
            </tr>

            <tr>
                <td>1007</td>
                <td>李大丰</td>
                <td>18866766666</td>
                <td>市场口碑</td>
                <td>闫梦洁</td>
                <td>2019-02-10</td>
                <td>已过期</td>
                <td>黄蓉蓉</td>
                <td>
                    <button type="button" class="layui-btn layui-btn-normal  layui-btn-sm">
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                    <button type="button" class="layui-btn layui-btn-warm  layui-btn-sm">
                        <i class="layui-icon layui-icon-edit"></i>
                    </button>
                    <button type="button" class="layui-btn del layui-btn-danger  layui-btn-sm">
                        <i class="layui-icon">&#xe640;</i>
                    </button>
                </td>
            </tr>
            <tr>
                <td>1007</td>
                <td>李大丰</td>
                <td>18866766666</td>
                <td>市场口碑</td>
                <td>闫梦洁</td>
                <td>2019-02-10</td>
                <td>已过期</td>
                <td>黄蓉蓉</td>
                <td>
                    <button type="button" class="layui-btn layui-btn-normal  layui-btn-sm">
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                    <button type="button" class="layui-btn layui-btn-warm  layui-btn-sm">
                        <i class="layui-icon layui-icon-edit"></i>
                    </button>
                    <button type="button" class="layui-btn layui-btn-danger  layui-btn-sm">
                        <i class="layui-icon">&#xe640;</i>
                    </button>
                </td>
            </tr>
            <tr>
                <td>1007</td>
                <td>李大丰</td>
                <td>18866766666</td>
                <td>市场口碑</td>
                <td>闫梦洁</td>
                <td>2019-02-10</td>
                <td>已过期</td>
                <td>黄蓉蓉</td>
                <td>
                    <button type="button" class="layui-btn layui-btn-normal  layui-btn-sm">
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                    <button type="button" class="layui-btn layui-btn-warm  layui-btn-sm">
                        <i class="layui-icon layui-icon-edit"></i>
                    </button>
                    <button type="button" class="layui-btn layui-btn-danger  layui-btn-sm">
                        <i class="layui-icon">&#xe640;</i>
                    </button>
                </td>
            </tr>
            <tr>
                <td>1007</td>
                <td>李大丰</td>
                <td>18866766666</td>
                <td>市场口碑</td>
                <td>闫梦洁</td>
                <td>2019-02-10</td>
                <td>已过期</td>
                <td>黄蓉蓉</td>
                <td>
                    <button type="button" class="layui-btn layui-btn-normal  layui-btn-sm">
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                    <button type="button" class="layui-btn layui-btn-warm  layui-btn-sm">
                        <i class="layui-icon layui-icon-edit"></i>
                    </button>
                    <button type="button" class="layui-btn layui-btn-danger  layui-btn-sm">
                        <i class="layui-icon">&#xe640;</i>
                    </button>
                </td>
            </tr>
        </tbody>
    </table>

    <div style="margin:10px auto;display: flex;justify-content: center;">
        <div id="pager"></div>
    </div>

    <script src="../../layui/layui.js"></script>
    <script>
        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use(['element', 'laypage', 'laydate', 'jquery'], function () {
            var element = layui.element;
            var laypage = layui.laypage;
            var laydate = layui.laydate;
            var $ = layui.jquery;

            $(".del").click(function () {
                top.layer.confirm("确定删除?", {
                    icon: 3,
                    title: '温馨提示'
                }, (index) => {
                    $(this).parents("tr").remove()
                    top.layer.close(index);
                })
            })

            laydate.render({
                range: true,
                elem: '#bbrq'
            });

            laypage.render({
                elem: 'pager',
                count: 50
            });
        });
    </script>
</body>

</html>